<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>我的考试申请</title>
	<!-- 展示当前用户监考的考试的信息 -->
	<link rel="stylesheet" href="layui/css/layui.css">
	<script src="layui/layui.js"></script>
</head>
<body>
	<h2 align=center>我的考试申请</h2>
	<table id="demo" lay-filter="test"></table>
 	

<script>
layui.use('table', function(){
  var table = layui.table;
  
  //第一个实例
  table.render({
    elem: '#demo'
    ,height: 312
    ,url: 'apply_info.json'
    ,page: true //开启分页
    ,cols: [[ //表头
    	{type: 'checkbox', fixed: 'left'},
    	{field: 'applyId', title: '申请编号', width: 110, sort: true, filter: true},
	      {field: 'status', title: '申请状态', width: 110, sort: true, filter: true},
	      {field: 'examId', title: '考试编号', width: 150, sort: true, filter: true},
	      {field: 'term', title: '学期', width: 150, sort: true, filter: true},
	      {field: 'college', title: '学院', width: 100 , filter: true},
	      {field: 'course', title: '课程名', width: 120,  filter: true},
	      {field: 'classes', title: '考试班级', width: 120, filter: true},
	      {field: 'date', title: '考试日期', width: 110,  filter: true},
	      {field: 'examTime', title: '考试时间', width: 100, filter: false},
	      {field: 'location', title: '考试地点', width: 100, filter: true},
	      {field: 'workload', title: '工分', width: 100, filter: true},
	      {field: 'reason', title: '驳回理由', width: 100, filter: true},
    ]]
  });
  
});
</script>
</body>
</html>